草庐IT

Bootstrap4 按钮

全部标签

javascript - 谷歌地图未显示在 Bootstrap 模式中

我正计划在模态中显示谷歌地图,但map未从模态中显示这是我的代码:ShowMap×CloseAddressClosevaraddress='Japan';varmap=newgoogle.maps.Map(document.getElementById('map'),{zoom:16});vargeocoder=newgoogle.maps.Geocoder();geocoder.geocode({'address':address},function(results,status){if(status==google.maps.GeocoderStatus.OK){new

javascript - Bootstrap slider 更改最大值

我目前正在使用Twitterbootstrap-slider库,并且一直在试图弄清楚如何在slider初始化后更改最大值。这个问题如何retrievethevalue有一些帮助,但我仍然找不到确切的调用方法。到目前为止,这是我一直在尝试的:JS:$('#slider').slider({max:100});$('#slider').slider({max:200});console.log($('#slider').data('slider').max)控制台:100直接设置$('#slider').data('slider').max值也不会改变slider本身的范围,即使值已经改变

javascript - 在 Bootstrap 日期选择器中将类(class)添加到多个/特定日期?

我很难在Bootstrap中向日期添加类。这是日期选择器。我想要实现的是在我指定的日期放置一个小蓝点。我正在考虑为日期添加一个类。我应该怎么做? 最佳答案 根据您使用的日期选择器,您可以执行如下操作:大多数日期选择器都有一个beforeShowDay选项。您可以在此处设置一个类(class)以添加到您要更改的日期。对于这个例子,我使用http://eternicode.github.io/bootstrap-datepicker如何执行此操作的示例可在此处找到:jsFiddle您需要将要突出显示/标记的日期放入数组中:varacti

javascript - Facebook Opengraph自定义fb登录按钮

我正在使用facebookopengraph,新的api,我可以这样做:但是当我阅读文档时,如果我需要更多选项http://developers.facebook.com/docs/reference/javascript/FB.login说我可以:FB.login(function(response){if(response.session){if(response.perms){//userisloggedinandgrantedsomepermissions.//permsisacommaseparatedlistofgrantedpermissions}else{//useri

javascript - 推特 Bootstrap Scrollspy 突出显示最终元素

我正在构建一个单页网站,顶部栏导航链接到页面上的不同部分。我已经使用Scrollspy将其链接起来作为.效果很好。每个部分都在导航中突出显示。问题出在最后一节。因为它是一小节并且不会填满整个页面id="contact"永远不会到达,因此导航元素不会突出显示。我注意到在bootstrapexamplespage上当您到达最后一个元素时,它会在其id之前突出显示已达到-但id与所有其他部分一样位于该部分的顶部。我已经查看了自定义application.js文件,但看不到任何与scrollspy行为相关的内容。任何人都可以阐明它吗? 最佳答案

javascript - jQuery 检测 Bootstrap 3 状态

在Bootstrap3中,有4种状态;超小型设备、小型设备、中型设备和大型设备。我怎么知道网站当前使用jQuery处于哪个状态?这样我就可以像在超小型设备中那样做一些处理,然后运行这个函数。谢谢。 最佳答案 按照@Khurshid的回答(效果很好),我编写了一个原生JavaScript实现,它是significantlyfaster:functionfindBootstrapEnvironment(){varenvs=["xs","sm","md","lg"],doc=window.document,temp=doc.createE

javascript - 点击浏览器后退按钮时如何刷新 ASP .NET MVC 页面

我刚刚发现,当我在任何ASP.NETMVC页面上单击浏览器后退按钮时,没有任何反应,并且页面不会更新。并且只有当您单击F5时,它才会更新。主要问题是我对页面的DOM做了一些更改,即添加表格行选择单选按钮等,当我通过点击浏览器后退按钮返回页面时我没有看到任何更改。如何解决ASP.NETMVC5问题?感谢任何线索...附言我读过http://forums.asp.net/t/1304752.aspx?how+to+refresh+page+when+hitting+back+button但它没有帮助... 最佳答案 这是一个合适的解决方

javascript - 禁用javascript时禁用提交按钮

我有一个表单需要启用javascript进行验证,有没有一种方法可以在禁用javascript时禁用提交按钮并警告用户先启用它? 最佳答案 默认禁用它并使用JavaScript启用它。var_onload=window.onload||function(){document.getElementById('submitBtn').disabled=false;}_onload();这样,如果JavaScript被禁用,那么该按钮也将保持禁用状态。jQuery版本:$(function(){$('#submitBtn').attr('

javascript - Twitter Bootstrap .on ('show' ,function(){});不适用于弹出窗口

当通过执行以下操作选择新的弹出窗口时,我试图隐藏所有其他弹出窗口:我的HTMLa.btn#requests(rel='popover',data-placement='bottom',data-original-title='Requests',data-content='Mycontentgoeshere')我的Javascript$(function(){console.log('start');$('#requests').popover();$('#messages').popover();});//Thisdoesn'tworkforsomereason?$('#reques

javascript - 如何更新 bootstrap-typeahead.js 中的源选项

我正在使用bootstrap-typeahead以允许多项选择。这是demo.原始代码已由@Sherbrow更新Twitterbootstraptypeaheadmultiplevalues我的问题与以下用例有关:插入Alaska值后,我想更新不再显示Alaska值的源。有什么提示吗? 最佳答案 我遇到了同样的问题,这个会为你节省很多时间。我已经更新了你的旧jsFiddle用我的代码示例。基本的事情是你需要做的varautocomplete=$('input').typeahead();autocomplete.data('type